@charset "utf-8";

/* banner 图样式 */
.banner-con {
    width: 100%;
    height: 400px;
    background: url(http://1.s60i.faiusr.com/2/904/AIgHCAIQi6jivwUYsIDS4QcggA8o9AM.jpg) no-repeat 50% 50%;
}
/* mian 主体样式 */
.content-con {
    width: 1200px;
    margin: 70px auto;
    font-size: 14px;
    color: #666666;
}
/* mian 主体标题样式 */
.content-con > h3 {
    font-size: 16px;
}
/*  >>>>>>>>>>>main 左边 商品分类样式<<<<<<<<<<<<<  */

/* list 边框样式 */
.content_left_list > li:nth-child(1), .content_left_list > li:nth-child(5){
    border-bottom: 1px dashed #bababa;
}
.content_con_left {
    width: 210px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.content_left_list_tit {
    height: 45px;
    line-height: 45px;
    background: rgba(0, 137, 226, 1);
    color: #fff;
    padding-left: 10px;
}
.content_left_list {
    background-color: #f6f6f6;
    padding: 5px;
}
.content_left_list > li {
    height: 35px;
    line-height: 35px;
    padding: 5px 4px;
}
.content_left_list > li:hover a{
    color: rgb(46, 173, 173);
}
/* js 属性操作1 */
.active > a{
    color: rgb(46, 173, 173);
}

/* 主体左边样式 */
.content_con_right {
    width: 980px;
}
.content_right_tit {
    height: 30px;
    padding-top: 15px;
    border-bottom: 1px solid #bababa;
}
.content_right_tit > h3 {
    border-left: 5px solid rgba(0, 137, 226, 1);
    padding-left: 10px;
    height: 15px;
    line-height: 15px;
    color: #076ce0;
}
.content_r_goods_list > li {
    float: left;
    padding: 0 5px;
    margin: 5px;
    text-align: center;
}
.content_r_goods_list > li > a {
    display: block;
}
.content_r_goods_list > li > a > img {
    width: 300px;
    height: 300px;
    margin-bottom: 10px;
}
.content_r_goods_list > li > a > span {
    display: block;
    margin: 5px 0;
    color: #666666;
}

/* 幻灯片样式 */
.slide-con {
    margin-top: 5px;
    width: 100%;
    height: 42px;
    display: none;
}
.slide_con_click {
    padding: 0 5px;
    height: 30px;
    border-bottom: 1px dashed #bababa;
}
.slide_con_click > a {
    text-align: right;
    cursor: pointer;
    line-height: 30px;
    width: 65px;
    display: block;
}
.slide_con_click > a > p{
    width: 18px;
    height: 30px;
    background: url(http://2.ss.faisys.com/image/bg01.png?v=201807251417) no-repeat -1187px -11px;
}
.slide_con_click > a:hover p {
    background-position-x: -1150px;
}

/* 模态框 */
.modalBox {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(00, 22, 12, 0.5);
    display: none;
}
.modalBox-con {
    width: 798px;
    height: 580px;
    padding: 70px 46px 0;
    background-color: #fff;
}
.modalBox_con_close {
    width: 16px;
    height: 16px;
    overflow: hidden;
    outline: 0;
    text-decoration: none;
    text-indent: -999px;
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
    background: url(http://2.ss.faisys.com/image/productSlide/slide.png?v=201807251417) no-repeat 0 -420px;
}
.modalBox_main {
    position: relative;

}
.modalBox_main_left {
    width: 390px;
    overflow: hidden;
    cursor: pointer;
}
.modalBox_main_left > img {
    width: 100%;
}
.modalBox_main_right  {
    width: 374px;
    height: 50px;
    border-bottom: 1px solid #e3e3e3;
}
.modalBox_main_right > h3{
    font-size: 20px;
    font-family: "Microsoft Yahei";
    color: #474747;
    line-height: 50px;
    word-break: break-all;
    text-decoration: none;
    cursor: pointer;
}
.modalBox_con_bottom {
    position: relative;
    width: 100%;
}
.modalBox_main_bottom_list {
    width: 720px;
    margin: 0 auto;
    margin-top: 25px;
    /* padding: 0 39px; */
    overflow: hidden;
}
.modalBox_main_bottom_list > li > a {
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    line-height: 80px;
    text-align: center;
    font-size: 0;
    margin: 0 auto;
    padding: 4px 6px 0 0;
}
.modalBox_main_bottom_list > li > a > img {
    width: 80px;
    height: 80px;
}
.prev, .next{
    width: 14px;
    height: 24px;
    overflow: hidden;
    outline: 0;
    position: absolute;
    top: 52%;
    background: url(http://2.ss.faisys.com/image/productSlide/slide.png?v=201807251417) no-repeat 0;
}
.prev {
    left: 10px;
    background-position-Y: -278px;
}
.next {
    left: 770px;
    background-position-Y: -364px;
}
.prevBtn, .nextBtn {
    display: block;
    width: 94px;
    height: 94px;
    overflow: hidden;
    outline: 0;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    outline: 0;
    background-color: skyblue;
    background: url(http://2.ss.faisys.com/image/productSlide/slide.png?v=201807251417) no-repeat 0;
}
.prevBtn {
    left: -175px;
    background-position-Y: -130px;
}
.nextBtn {
    right: -175px;
    background-position-Y: 0;
}

/* 分页样式 */
.paging {
    display: none;
    margin-bottom: 50px;
}
.paging-con{
    margin-top: 20px;
    height: 30px;
    width: 200px;
    margin-bottom: 50px;
    justify-content: center;
    display: flex;
    text-align: center;
    margin: 0px auto;
}
.paging-con span{
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: 5px;
    background-color: whitesmoke;
    text-align: center;
    border: 1px solid gainsboro;
    border-radius: 5px;
    cursor: pointer;
}
.pageing-list > .active > span {
    background-color: #076ce0;
    color: #fff;
}
